<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./lib/layui/css/layui.css">
        <link rel="stylesheet" href="./css/base.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <link rel="stylesheet" href="./css/tags.css">
        <script src="./lib/layui/layui.all.js"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
       
        <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.4/axios.js"></script>
        <script src="./js/baseURL.js"></script>
        <script src="./js/jquery.min.js"></script>
        <script src="./js/tags.js"></script>

    </head>
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>




        <div class="layui-fluid">
          <div class="layui-row layui-col-space15">
            <div class="layui-card" id="box">
                   <!-- 搜索按钮 -->
                   <form class="layui-form search" action="" id="sou" style="display: block">
                    <div class="layui-form-item">
                        <label class="lb">标签名称</label>
                        <div class="layui-inline">
                            <input type="text" name="tagname" required lay-verify="required" placeholder="请输入标签名称" autocomplete="off" class="layui-input" id="sha" />
                        </div>
                        <div class="layui-inline">
                                          <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">
                                            <i class="layui-icon layui-icon-search"></i>
                                            搜索
                                          </button>
                            <button type="reset" id="resetBtn" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>

                <!-- 工具栏横排模块 -->
              <div class="title-T">
                <!-- 左边 -->
                <div class="title-l">
                  <button class="btn layui-btn layui-btn-normal addbtn">
                    <i class="layui-icon">&#xe654;</i><span>新增</span>
                  </button>
                  <a
                    class="btn layui-btn layui-btn-primary layui-border-orange movebtn"
                  >
                    <i class="layui-icon">&#xe67d;</i><span>导出</span>
                  </a>
                </div>

              <!-- 右边 -->
                <div class="title-r">
                  <!-- 关闭搜索区小图标 -->
                  <button class="btn yuan close">
                    <i class="layui-icon upDown">&#xe619;</i>
                  </button>
                  <!-- 刷新小图标 -->
                  <button class="btn yuan new">
                    <i class="layui-icon">&#xe666;</i>
                  </button>
                  <!-- 分类器小图标 -->
                  <button class="btn yuan inpshow">
                    <i class="layui-icon">&#xe653;</i>
                  </button>

                  <!-- 鼠标移上去提示第一个小盒子 -->
                  <div class="close-serhov shuaxinhov" id="shuaxin-hov" style="display: none">
                      <div class="close-text">刷新</div>
                  </div>

                  <!-- 鼠标移上去提示第二个小盒子 -->
                  <div class="close-serhov" id="close-hov" style="opacity: 0">
                        <div class="close-text">关闭搜索区</div>
                  </div>

                  <!-- 鼠标移上去提示第三个小盒子 -->
                  <div class="close-serhov" id="open-hov" style="display: none;">
                    <div class="close-text">开启搜索区</div>
                  </div>


                  <!-- 分类器隐藏的弹出盒子 -->
                  <div class="tanchu" style="display: none">
                    <ul>
                      <li>
                        <i class="layui-icon">&#xe62a;</i>
                        <input
                          type="checkbox"
                          name=""
                          title="ID"
                          class="checkipt"
                        /><span>ID</span>
                      </li>
                      <li>
                        <i class="layui-icon">&#xe62a;</i>
                        <input
                          type="checkbox"
                          name=""
                          title="标签名称"
                          class="checkipt"
                        /><span>标签名称</span>
                      </li>
                    </ul>
                  </div>
                  
                </div>



              </div>
              <!-- 公共的表格头部 -->
              <table class="table-tag">
                <thead>
                  <tr>
                    <th class="">#</th>
                    <th class="table-id">ID</th>
                    <th class="table-name">标签名称</th>
                    <th class="">操作</th>
                  </tr>
                </thead>
                <tbody id="tbody">
                  <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                  </tr>
                </tbody>
              </table>
              <div>
                <div id="demo7"></div>
              </div>
            </div>
          </div>
        </div> 
        <!-- 分页器的盒子 -->
        <div id="fenye"></div>
    </body>

    
    <!-- 新增跳出框 -->
    <script type="text/html" id="dialog-add">
      <form class="layui-form" id="form-add">
        <div class="layui-form-item">
          <label class="layui-form-label"><i class="red">*</i>标签名称</label>
          <div class="layui-input-block">
            <input
              type="text"
              name="tagname"
              required
              lay-verify="required"
              placeholder="请输入标签名"
              autocomplete="off"
              class="layui-input tagname"
            />
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn trueadd" lay-submit lay-filter="formDemo">
              确定
            </button>
            <button type="reset" class="layui-btn layui-btn-primary layclose">
              取消
            </button>
          </div>
        </div>
      </form>
    </script>
    <!-- 修改 跳出框-->
    <script type="text/html" id="dialog-xg">
      <form class="layui-form" id="editForm" lay-filter='editForm'>
        <div class="layui-form-item">
          <input type="text" name="id" style="display:none">
          <label class="layui-form-label"><i class="red">*</i>标签名称</label>
          <div class="layui-input-block">
            <input
              type="text"
              name="tagname"
              required
              lay-verify="required"
              placeholder="请输入标签名"
              autocomplete="off"
              class="layui-input tagname-xg"
              
            />
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn trueadd-xg" lay-submit lay-filter="formDemo">
              确认修改
            </button>
            <button type="reset" class="layui-btn layui-btn-primary xg-close">
              取消
            </button>
          </div>
        </div>
      </form>
    </script>
    
</html>